{{extend 'adminlayout.html'}}

<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>Image manager</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">List Image of System</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="#tab2">Add new Image</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
			   
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
					
						<!--  <div class="notification attention png_bg">
							<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
							<div>
								This is a Content Box. You can put whatever you want in it. By the way, you can close this notification with the top-right cross.
							</div>
						</div> -->
						
						<table>
							
							<thead>
								<tr>
								   <th>SN</th>
								   <th>Image name</th>
								   <th>Description</th>
								   <th>Created</th>
								   
								   <th>Actions</th>
								</tr>
								
							</thead>
						 
							<tfoot>
								<tr>
										
										<div class="pagination">
										<a href="#" class="number current" title="1">1</a>
											<!--  <a href="#" title="First Page">&laquo; First</a><a href="#" title="Previous Page">&laquo; Previous</a>
											
											
											<a href="#" title="Next Page">Next &raquo;</a><a href="#" title="Last Page">Last &raquo;</a>
											-->
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
						 
							<tbody>	
					
{{
sn=1
for image in sysImage:}}
								<tr>
									<td>{{=sn}}</td>
									<td>{{=image.image_name}}</td>
									
									<td>{{=image.image_description}}</td>
									<td>{{=image.image_created_time}}</td>
										
									<td>
									
										<!-- Icons -->
										 <a href="#" title="Edit Image"><img src="{{=URL('static','images/icons/pencil.png')}}" alt="Edit" /></a>
										 <a href="#" title="Delete your CMS"><img src="{{=URL('static','images/icons/cross.png')}}" alt="Delete" /></a> 
										 
									</td>
								</tr>
{{
	sn=sn+1
pass
}}
							</tbody>
							
						</table>
						
					</div> <!-- End #tab1 -->
					
					<div class="tab-content" id="tab2">
					
						<form action="" method="post">

							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>Image name</label>
										<input class="text-input small-input" type="text" id="small-input" name="small-input" /> 
										
								</p>
								<p>
									<label>Description</label>
										<input class="text-input small-input" type="text" id="large-input" name="small-input" /> 		
								</p>
								<p>
									<label>Image file (.img)</label>
									<input type="file" name="img-file"></input>
									
								</p>
								
								<p>
								
									<input class="button" type="submit" value="Create" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
<div class="clear"></div><!-- End .clear -->				